
<template>
    <div>
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item>
                    <i class="el-icon-date"></i> 门店列表</el-breadcrumb-item>
                <el-breadcrumb-item>查看所有门店</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="container">
          
   
            <div class="searchitem">
                
            </div>
            <div style="float:right;">
            
            </div>
            <el-table :data="tableData" style="width: 100%" border center>
                <el-table-column prop="name" label="名称" align="center">
                </el-table-column>
                <el-table-column prop="address" label="地址" align="center">
                </el-table-column>
                <el-table-column prop="phone" label="电话" align="center">
                </el-table-column>
                <el-table-column prop="desc" label="门店描述" align="center">
                </el-table-column>
                <el-table-column prop="adminId.name" label="所属门店管理员" align="center">
                </el-table-column>
           
            </el-table>
            <el-row style='margin-top:150px'>
                <el-col :span='2' style="text-align:center">
                    <el-pagination background :current-page="currentPage" :page-sizes="[10, 20, 30, 40]" :page-size="100"
                        layout="total, sizes, prev, pager, next, jumper" :total="200">
                    </el-pagination>
                </el-col>
            </el-row>
        </div>

 
       


    </div>
</template>

<script>
    import {createNamespacedHelpers}from "vuex";
     import axios from "axios";
    const {mapState,mapActions,mapMutations} = createNamespacedHelpers("mendianStore")
    export default {
        mounted(){
            this.getAllShopsAsync()
        },
        data: function () {
            return {
               
                adminId:'',
                dlgNew: false,
                dlgEdit: false,
                dlgView: false,
                currentPage: 1,
                fullscreenLoading: false,
                nameForm: {
              
                },
                time: [],
                form: {
                  
                },
                formedit:{
                  
                }
            }
        },
        computed:{
            ...mapState(["tableData"])
        },
        methods: {
            ...mapMutations(["getShops"]),
            ...mapActions(["getAllShopsAsync"])
        }
    }


</script>

<style>

</style>
